@charset "utf-8";
/*==========@@HTML默认 开始@@==========*/
/*基本*/
html{min-width:1200px;}
body{overflow-x: hidden;overflow-y: auto;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin:0px;}
input,button,ul,ol{margin:0px;padding:0px;}
body,input,button,form,textarea{font-size:14px; line-height:28px; font-family: "microsoft yahei", "Arial Black"; color:#333;}
h1,h2,h3,h4,h5,h6{font-size:14px; font-weight:normal;}
ul,ol{list-style:none;}
img{border:0px; display: block;margin:0; padding:0;}
em,i,strong{font-style:normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse;border-spacing:0;}
body{background:#fff;}
*{padding:0px; margin:0px}
div{margin:0; padding:0; border:0;}
p{margin:0;}
b,strong{font-weight: bold;}
table{border-collapse: collapse; border-spacing: 0;/* Remove most spacing between table cells.*/}
li{list-style: none outside none;}
/*链接*/
a{text-decoration:none; color:#333; background: transparent; outline:none}
a:focus{outline:none;}
a:hover,a:active{color:#127a44; text-decoration:none;}
a:visited{text-decoration:none;}
/*表单*/
form{margin: 0;}
button,input,select,textarea{font-size: 100%; /* Correct font size not being inherited in all browsers. */ margin: 0; /* Address margins set differently in IE 6/7, Firefox 3+, Safari 5,and Chrome */ vertical-align: baseline; /* Improve appearance and consistency in all browsers */ *vertical-align: middle; /* Improve appearance and consistency in all browsers */}
button,select{text-transform: none;}
input{line-height: normal; border:none;}
/*其它*/
blockquote{margin: 1em 40px;}
dfn{font-style: italic;}
hr{-moz-box-sizing: content-box;box-sizing: content-box;height: 0;}
code, kbd, pre, samp{font-size: 1em;}
pre{margin: 1em 0; white-space: pre;white-space: pre-wrap;word-wrap: break-word;}
small{font-size: 80%;}
sub,sup{font-size: 75%;line-height: 0; position: relative;vertical-align: baseline; /* Prevent `sub` and `sup` affecting `line-height` in all browsers.*/}
sup{top: -0.5em;}
sub{bottom: -0.25em;}
dd{margin:0;}
audio:not([controls]){display: none; height: 0;}
.ease,.ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;}
/*==========@@HTML默认 结束@@==========*/
/*==========@@通用 开始@@==========*/
/*常用颜色*/
.red{color: #F00 !important;}
/*清除浮动*/
.clearfix:after{visibility:hidden;display:block;font-size: 0;content: " ";clear:both;height:0;line-height:0;}
.clearfix{*zoom:1;}
.clear{clear:both;}
.fl{float:left;}
.fr{float:right;}
/*其它*/
.hidden{display:none;}
/*必须输入，主要*/
.required{color:red; font-weight:bold;}
.form_text_verifycode{width:80px;}
.form_radio{width:auto; border:0;}
.form_checkbox{width:auto; border:0}
/*网站公用样式表*/
.w1200{width:1200px;margin:0 auto;}
.por{position: relative;}
.poa{position: absolute;}
.icon{background:url(../images/icon.png) no-repeat; display:inline-block; vertical-align:middle;}
#header_main, #top_main, #banner_main, #floor_1_main,#links_main, #footer_main{width:100%;margin:0;}
.trans{-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in;}
/*top*/
.header_main{background:#fff;height:34px;line-height:34px;font-size:12px;border-bottom:1px solid #ddd;}
.header_main span{color:#666;display: inline-block;margin-right: 10px;}
.header_main b{display: inline-block;font-weight: bold;font-size:16px;font-family: arial;color: #666;}
.header_main .ksdh{color:#666;+width: 300px;}
.header_main .ksdh li{position: relative;display: inline-block;text-align: center;margin: 0 8px;}
.header_main .ksdh .split{display: inline-block;width: 1px;height: 12px;background: #666;vertical-align: middle;margin: 0;}
.header_main .ksdh a{color:#666;display:inline-block;font-size:12px;}
.header_main .ksdh a:hover{color:#127a44;}
.top_main{width: 100%;}
.top_main .top{padding-top: 20px;padding-bottom: 20px;}
.top_main .logo{display: flex;align-items: center;}
.top_main .logo img{padding-right: 15px;}
.top_main .logo .logoWord {padding-left: 15px;border-left: 1px solid #666;}
.top_main .logo .logoWord .logoTitle{font-size: 18px;color: #127a44;}
.top_main .logo .logoWord .logoSmall{font-size: 14px;color: #666;}
.top .toprig{padding-top: 15px;}
.top .toprig .item{width:190px;padding-top:12px;}
.top .toprig .item span{width: 40px;height:40px;display:block;float:left;margin-right: 10px;}
.top .toprig .item h3{font-size:18px;font-weight:bold;}
.top .toprig .item p{color:#666;line-height: 15px;}
.top .toprig .it1 span{background-position:-100px 0;}
.top .toprig .it2 span{background-position:-148px 0;}
.top .toprig .it3 span{background-position:-194px 0;}
.top .toprig .it4{width: 260px;padding-top:0;}
.top .toprig .item s{width: 50px;height: 50px;float: left;margin-right: 10px;background: url(../images/tel.png) no-repeat;}
.top .toprig .item i{font-size: 16px;line-height: 16px;color: #666;}
.top .toprig .item h4{font-family: "AvantGardeITVbyBT Book",arial;font-size: 30px;line-height: 35px;color: #127a44;font-weight: bold;}
/*导航*/
.nav_main{width:100%;height:50px;line-height: 50px;background:url(../images/navbg.jpg) repeat left top;position: relative;z-index: 10;}
#nav ul{margin:0 auto;width:100%;}
#nav li{float:left;width: 171px;display:block;list-style:none;font-size:16px;text-align:center;line-height:50px;position:relative;margin:0;background: url(../images/nav_line.png) no-repeat right center;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
#nav li:last-child{background: none;}
#nav li a{display:block;text-align:center;position: relative;color: #fff;height:50px;}
#nav li:hover a,#nav li.hover a{color:#066c37;}
#nav li:hover,#nav li.hover{background: #fadd15 url(../images/nav_line.png) no-repeat right center;}
#nav li:last-child:hover,#nav li:last-child.hover{background: #fadd15;}
/*导航栏下拉*/
#nav ul .subnav{background: #fff;border-top: 2px solid #63b670;box-shadow: 0 13px 42px 11px rgba(0, 0, 0, 0.05);height: auto;left: 0;overflow: hidden;position: absolute;top: 100%;width:100%;z-index: 199;}
#nav ul .subnav{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);}
#nav ul li:hover .subnav{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);}
#nav ul .subnav a{color: #666; display: block; font-size: 13px; font-weight: 500; line-height: 22px;height: 22px; padding: 10px; transition: all 0.2s ease-in-out 0s;max-width: 100%;border-bottom: 1px solid #eee;}
#nav ul .subnav a:hover{color: #63b670;padding-left:20px;background: #f9f9f9;}
/*侧边导航*/
/* banner */
#banner_main{overflow:hidden;position: relative;z-index: 2;}
#banner_main .banner{height:650px;}
#banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;}
#banner, .banner ul{max-height:650px; overflow:hidden;}
.banner li{width:100%;position:absolute;z-index:1;overflow:hidden;}
.banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;}
#banner .tip{width:1000px; height:20px; line-height:0; font-size:0;text-align:center; position:absolute;left:50%;margin-left:-500px;bottom:20px;z-index:3;}
#banner .tip span{height:5px;margin:0 2px;width:50px;display:inline-block;font-size: 0;cursor: pointer;background:#fff;opacity:.6;filter:Alpha(opacity=60);*zoom:1;}
#banner .tip span.cur{background-color:#f4e710;opacity:1;filter:Alpha(opacity=100);}
#banner #btn_prev,#banner #btn_next{width:40px;height:90px;position:absolute;top:50%;z-index:5;margin-top: -45px;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
#banner #btn_prev{background-position:0 0;left:5%;}
#banner #btn_next{background-position:-50px 0;right:5%;}
#banner #btn_prev:hover{background-position:0 -98px;}
#banner #btn_next:hover{background-position:-50px -98px;}
/*搜索栏*/
.announ_main{width: 100%; height: 76px; line-height: 76px; border-bottom: 1px solid #eee;}
.announ_main .announ_right{width: 282px; padding-top: 20px;}
.announ_main .announ_right .search{width: 282px; height: 35px; line-height: 35px; -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; background: #f6f6f6; position: relative;}
.announ_main .announ_right .search input{outline: none; border: 0 none; height: 35px; line-height: 35px;}
.announ_main .announ_right .search .txt{width: 200px;background: none;padding-left: 15px;display: block;color: #999;}
.announ_main .announ_right .search .btn{width: 50px;background: url(../images/sou.png) no-repeat center #127a44;position: absolute;right: 0;top: 0;cursor: pointer;-moz-border-radius: 30px;-webkit-border-radius: 30px;border-radius: 30px;}
.announ_main .announ_right .search .btn:hover{background-color: #fadd15;}
.announ_main .announ_left span{display: inline-block;}
.announ_main .announ_left a{display: inline-block; padding: 0 10px 0 0;}
.announ_main .announ_left a s{width: 1px; height: 16px; display: inline-block; margin-right: 10px; background: #e9e9e9; vertical-align: middle;}
.announ_main .announ_left a:first-child s{display: none;}
/*banner end*/
.transs{-webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.index .title{text-align: center;width: 100%;padding-bottom: 30px;}
.index .title h3{font-size:28px;font-weight:normal;display:block;line-height:30px;background: url(../images/title.png) no-repeat center;}
.index .title p{color:#666;font-size:16px;text-transform:uppercase;font-weight: normal;padding-top:20px;}
.index .title h3 b{display:inline-block;font-weight:normal;color:#127a44;}
.index .tab{text-align: center;padding-bottom: 30px;}
.index .tab a{padding: 0 16px;height: 40px;line-height: 40px;background: #127a44;font-size: 18px;display: inline-block;margin: 0 20px;color: #fff;}
.index .tab a:hover{color: #127a44;background: #fbdd16;}
.index .floor_1_main{background:url(../images/flo1.jpg) repeat-x left bottom #fff;padding-top:80px;padding-bottom:80px;}
.ipro{position: relative;}
.ipro .bd{overflow: hidden;}
.ipro .item{float: left;width: 290px;display: block;margin-bottom: 25px;margin-right: 25px;position: relative;}
.ipro .item a{display: block;position: relative;}
.ipro .item a.img{width:100%;height: 218px;overflow: hidden;position: relative;}
.ipro .item img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width:100%;height: 100%;display: block;}
.ipro .item:hover img{transform: scale(1.06, 1.06);}
.ipro .item a.txt{border: 1px solid #ddd;background: #fff;height: 68px;line-height: 68px;position: relative;border-top: 0 none;}
.ipro .item h3{font-weight: normal;text-align: left;padding-left: 20px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;font-size: 16px;}
.ipro .item em{right:30px;top:28px;width:10px;height:16px;background-position: -248px 0;display: block;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ipro .item:hover h3{padding-left: 25px;}
.ipro .item:hover em{background-position: -268px 0;}
.ipro .item:hover .txt{background: #127a44;color: #fff;border: 1px solid #127a44;border-top: 0 none;}
.item_mask{width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;left: 0;top: 0;opacity: 0;filter:Alpha(opacity=0);*zoom:1;-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s}
.item_link_icon{display: block; width:45px; height:45px; text-align: center; background-position:-100px -156px;line-height: 38px;position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px;opacity:0;filter:Alpha(opacity=0);*zoom:1;}
.ipro .item:hover .item_mask{opacity: 1;filter:Alpha(opacity=100);-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.ipro .item:hover .item_link_icon{transform: translateY(-21px);opacity: 1;filter:Alpha(opacity=100);}
a.btn{width: 40px;height:40px;display: block;position: absolute;top:28%;cursor: pointer;-webkit-transition: all .0s ease-in-out 0s;-moz-transition: all .0s ease-in-out 0s;transition: all .0s ease-in-out 0s;}
a.btn.prev{background-position:-100px -50px;left: -5%;}
a.btn.next{background-position:-190px -50px;right:-5%;}
a.btn.prev:hover{background-position:-145px -50px;}
a.btn.next:hover{background-position:-236px -50px;}
.index .floor_5_main{background:url(../images/flo5.jpg) no-repeat center top;height: 818px;overflow: hidden;}
.index .floor_2{padding: 60px 0 40px 0;position: relative;}
.index .icase{overflow:hidden;}
.index .icase .list{zoom: 1; width: 119%;}
.index .icase .list li {float: left;margin-right: 21px;margin-bottom: 21px;width: 386px;}
.index .icase .list li .img {width: 386px;height: 290px;overflow: hidden;display: block;position: relative;cursor: pointer;}
.index .icase .list li .img img {width: 386px;transition: .9s;-moz-transition: .9s;-webkit-transition: .9s;-o-transition: .9s;height: 290px;}
.index .icase .list li .img .on{width: 100%;height: 100%;background: rgba(0,0,0,0);position: absolute;left: 0;top: 0;opacity: 0;filter:Alpha(opacity=0);*zoom:1;-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s}
.index .icase .list li .img .on i {width: 65px;height: 65px;background-position: -150px -147px;position: absolute;left: 50%;top: 50%;margin-top: -32px;margin-left: -32px;}
.index .icase .list li .p {background: #127a44;color: #fff;display: block;width: 100%;height: 50px;line-height: 50px;font-size: 16px;text-align: center;}
.index .icase .list li:hover img { transform: scale(1.1); -webkit-transform: scale(1.1); }
.index .icase .list li:hover .on{opacity: 1;filter:Alpha(opacity=100);-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, 0.3);}
.xunpan{width: 100%;background: url(../images/xunpan.jpg) no-repeat center top;height:176px;}
.xunpan .zixun{width:200px;height:40px;padding:5px;text-align:center;background: #fff;position:absolute;right:0;top:60px;
-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.xunpan .zixun a{width:188px;height:38px;line-height:38px;display:block;margin:0 auto;color:#125d27;font-size:20px;font-weight:bold;border: 1px solid #125d27;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;}
.xunpan .zixun:hover{animation: flipInY 1.2s ease-out forwards;-webkit-animation: flipInY 1.2s ease-out forwards;}
.xunpan img{display:block;padding-top:40px;max-width:100%;padding-bottom:20px;}
.xunpan .tel{width:310px;background:url(../images/telbg.png) no-repeat left top;height:40px;line-height:40px;color:#125927;font-size:30px;text-align:center;margin-right:5px;font-family:arial;display:inline-block;text-indent:14px;}
.xunpan strong{display: inline-block;color: #fff;font-weight: normal;font-size: 28px;padding-right: 10px;font-family:"You Yuan";}
/*产品优势*/
#floor_3_main{background:#fff;height: 510px;padding: 60px 0 30px 0;}
#floor_3_main .proAdvant{margin-top:60px;}
#floor_3_main .proAdvant .list{width:106%;}
#floor_3_main .proAdvant .list li{float:left;width:278px;margin-right:120px;}
#floor_3_main .proAdvant .list li a{display:block;}
#floor_3_main .proAdvant .list li:first-child{margin-left:60px;}
#floor_3_main .proAdvant .list li .img{width:134px;height:150px;margin:0 auto;transition:all .5s;margin-left:72px;}
#floor_3_main .proAdvant .list li .title{margin-top:30px;}
#floor_3_main .proAdvant .list li .tit{font-size:24px;text-align:center;color: #127a44;}
#floor_3_main .proAdvant .list li .cont{margin-top:20px;font-size:14px;line-height:24px;text-align:center;color:#666;}
#floor_3_main .proAdvant .list li:hover .img{margin-top:-10px;transition:all .5s;}
#floor_3_main .proAdvant .list li:hover .tit{font-weight:bold;}
.floor_4_main{background: #f0f0f0 url(../images/fl4.jpg) no-repeat center top;background-size: 1920px 930px;height: 930px;overflow: hidden;width: 100%;}
.index .floor_4,.indnews{padding: 60px 0 40px 0;overflow: hidden;position: relative;}
.index .floor_4 .textlist .list{width: 108%;}
.index .floor_4 .textlist{position: relative;overflow: hidden;margin-bottom: 20px;}
.index .textlist li{position: relative;float:left;width:378px;height: 480px;margin-right:28px;transition: all 0.2s linear 0s;border: 1px solid #ddd;background: #fff;}
.index .textlist li a{display: block;padding:30px;color: #333;}
.index .textlist li .img{width:320px;height: 240px;overflow: hidden;cursor: pointer;position: relative;}
.index .textlist li .img img{width:100%;height:100%;transition: all 0.3s ease-out 0s;display:block;}
.index .textlist li:hover .img img{transform: scale(1.2, 1.2);}
.index .textlist li h3{font-size:20px;line-height:40px;padding-top:12px;}
.index .textlist .desc{line-height:24px;overflow:hidden;margin-bottom:5px;cursor:pointer;padding-top: 12px;}
.index .textlist span{position: absolute;bottom: 30px;left: 30px;display:block;color:#fff;font-family:arial;width:120px;height:30px;line-height:30px;background:#127a44;text-align: center;}
.index .textlist li:hover{background:#127a44;border:1px solid #127a44;color:#fff;}
.index .textlist li:hover a{color: #fff;}
.index .textlist li:hover span{background:#fbdd16;color:#127a44;}
.floor_4 .hd{text-align: center;padding-top: 20px;}
.floor_4 .hd a.btn{position: relative;top: auto;display: inline-block;margin: 0 5px;}
.floor_4 .hd a.btn.prev{left: auto;}
.floor_4 .hd a.btn.next{right: auto;}
.index .more{margin-top:40px;}
.index .more .line{display:block;width:500px;height:1px;margin-top:24px;background:#ccc;}
.index .more .look_more{display:block;width:198px;height:48px;font-size:16px;line-height:48px;text-align:center;border:1px solid #ccc;transition:all .5s;}
.index .more .look_more:hover{background:#127a44;color:#fff;transition:all .5s;border:1px solid #127a44;}
.indnews .inews{position:relative;margin-top: 0;}
.indnews .ulWrap .list{width: 100%;height: 540px;}
.indnews .ulWrap .list li{display:block;float: left;width:582px;height:148px;border:1px solid #ddd;background:#f6f6f6;margin-top:30px;margin-right: 30px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.indnews .ulWrap .list li a{display:block;height:150px;}
.indnews .ulWrap .list li .time{width:66px;margin-top:40px;margin-left:30px;}
.indnews .ulWrap .list li .time .day{font:normal 60px "arial";color:#999;line-height:50px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.indnews .ulWrap .list li .time .year{margin-top:8px;font:normal 16px "arial";color:#666;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.indnews .ulWrap .list li .titl{display:block;width:420px;margin-top:40px;margin-left:14px;}
.indnews .ulWrap .list li .titl .tit{font-size:20px;color:#333;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.indnews .ulWrap .list li .titl .cont{margin-top:8px;font-size:14px;color:#666;line-height:20px;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.indnews .ulWrap .list li:hover{background:#127a44;border:1px solid #127a44;}
.indnews .ulWrap .list li:hover .time .day{color:#fff;}
.indnews .ulWrap .list li:hover .time .year{color:#fff;}
.indnews .ulWrap .list li:hover .titl .tit{color:#fff;}
.indnews .ulWrap .list li:hover .titl .cont{color:#fff;}
.indnews .inews .hd{position:absolute;width:100%;top:100%;}
.indnews .inews .hd .prev{width: 42px;height: 42px;background-position: -100px -50px;cursor: pointer;position: absolute;top: -275px;left: -80px;}
.indnews .inews .hd .next{width: 42px;height: 42px;background-position: -190px -50px;cursor: pointer;position: absolute;top: -275px;right: -80px;}
.indnews .inews .hd .prev:hover{background-position: -145px -50px;}
.indnews .inews .hd .next:hover{background-position: -236px -50px;}
.iabout{width:100%;background: url(../images/xunpan.jpg) no-repeat center top;background-size: 1920px 590px;padding: 81px 0;}
.iabout .title{color: #fff;}
.iabout .title h3{background: url(../images/titlee.png) no-repeat center;}
.iabout .title p{color: #fff;}
.iabout .title h3 b{color: #fff;}
.iabout .txt{width:470px;height:240px;display: block;background: #fff;padding:40px;}
.iabout .txt img{max-width:100%;display:block;}
.iabout .txt p{padding-top: 20px;color: #333;}
.iabout .txt span{width: 154px;height: 34px;line-height: 34px;text-align: center;display: block;border: 1px solid #1a7140;margin-top: 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;cursor: pointer;-webkit-transition: all .3s ease-in-out 0s;-moz-transition: all .3s ease-in-out 0s;transition: all .3s ease-in-out 0s;}
.iabout .txt span:hover{background: #1a7140;color: #fff;}
.iabout .img{width:650px;height:320px;display:block;overflow:hidden;}
.iabout .img img{width: 650px;height: 320px;display:block;}
/* 亮光 */
/*hvr-highLight*/
.hvr-highLight{overflow: hidden; position: relative;}
.hvr-highLight:before{content: ""; position: absolute; width:80px; height:320px; top: 0; left: -136px; overflow: hidden; background: -moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));background: -ms-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); background: -o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%); -webkit-transform: skewX(-32deg); -ms-transform: skewX(-32deg); -moz-transform: skewX(-32deg);transform: skewX(-32deg);}
.hvr-highLight:hover:before{-webkit-transition: left 1.1s; -moz-transition: left 1.1s; -ms-transition: left 1.1s; transition: left 1.1s; left:750px;}
.hvr-highLight:hover{opacity: .9\0; filter: alpha(opacity=90);}
.copyright_main{background: #111;line-height: 1.6;text-align: center;}
.copyright{color: #999;font-size: 12px;}
.copyright p{color: #999;font-size: 12px;}
.copyright span{margin: 0 12px; opacity: 0.7; filter: alpha(opacity=70);}
.copyright a{color: #999;}
.copyright a:hover{color: #23b067;}
.zhizao .goback{width:60px;height:60px;display: block;position: absolute;right:2%;top:2%;background: url(../images/guan.jpg) no-repeat center;}
.ilinksbg{width:100%;background: url(../images/fl6.jpg) no-repeat center;}
.ilinks{padding: 31px 0;}
.ilinks span{width:268px;height:24px;display: inline-block;background-position:-40px -218px;margin-right:60px;}
.ilinks a{display: inline-block;color: #fff;}
.ilinks a:hover{color: #f9e012;}
.ilinks i{padding: 0 5px;color: #fff;}
.ilinks i:last-child{display: none;}
/*底部信息*/
/*footer_main*/
.footer_main{width: 100%; padding-bottom: 50px; background: #1a212a; color: #fff;}
.footer_main .footer{padding-top: 60px;}
.footer_main .qcode{width: 300px;}
.footer_main .blogo{width:300px; line-height: 28px;}
.footer_main .blogo img{display: block; margin: 0 auto 8px; max-width: 100%; max-height: 60%;}
.footer_main .blogo .p1{color: #fff;}
.footer_main .blogo .p2{font-family: "GrayDesign Regular", "arial, helvetica, sans-serif"; font-size: 30px; color: #23b067;padding-bottom: 18px;}
.footer_main .blogo .p3{color: #999;line-height: 22px;}
.footer_main .botnavlist{width: 1030px;}
.footer_main .botnavlist li{float: left;width: 170px;height: 170px;display: block;list-style: none;font-size: 16px;line-height: 32px;overflow: hidden;text-align: center;border-right: 1px solid #444;}
.footer_main .botnavlist li:first-child{padding-left: 0px;}
.footer_main .botnavlist li a{color: #fff; display: block; line-height: 32px; font-size: 16px;}
.footer_main .botnavlist li a:hover{color: #23b067;}
.footer_main .botnavlist li .drop{padding-top: 10px;}
.footer_main .botnavlist li .drop a{display: block;line-height: 26px;color: #999;width: 100%;font-size: 12px;}
.footer_main .botnavlist li .drop a:hover{color: #23b067;}
.footer_main .foot_j{float:right;text-align:center;}
.footer_main .foot_j b{display:block;text-align:center;}
.footer_main .foot_j b img{width: 140px;height: 140px;display:inline-block;}
.footer_main .foot_j p{display: block;font-size:14px;color:#fff;padding-top: 5px;line-height: 22px;}
.footer_main .foot_j span{display:inline-block;font-size:14px;color:#fff;line-height: 32px;}
.float-right-box{width: 250px; position: fixed; right: 0; top: 50%; margin-top: -127px; background-color: #191919; z-index: 1000; transition: width 0.3s ease 0s;}
.float-right-box.on{width: 50px;}
.float-right-box .top-list{width: 100%;}
.float-right-box .top-list ul{width: 100%;}
.float-right-box .top-list li{width: 100%; position: relative; border-bottom: 1px solid #3b3b3b; transition: background 0.3s ease 0s; height: 50px;}
.float-right-box .top-list a{display: block; width: 100%;}
.float-right-box .top-list .ico{display: inline-block; width: 50px; height: 50px; position: absolute; right: 0; top: 0; transition: background 0.3s ease 0s; z-index: 2;}
.float-right-box .top-list .ico1{background: url(../images/ico_58.png) no-repeat center #191919;}
.float-right-box .top-list .ico2{background: url(../images/ico_59.png) no-repeat center #191919;}
.float-right-box .top-list .ico3{background: url(../images/ico_60.png) no-repeat center #191919;}
.float-right-box .top-list .ico4{background: url(../images/ico_61.png) no-repeat center #191919;}
.float-right-box .top-list .ico5{background: url(../images/ico_62.png) no-repeat center #191919;}
.float-right-box .top-list .ico7{background: url(../images/ico_69.png) no-repeat center #191919;}
.float-right-box .top-list .stt{display: inline-block; font-size: 14px; line-height: 50px; color: #fff; transition: color 0.3s ease 0s; position: absolute; left: 28px; top: 0; z-index: 1; width: 222px;cursor: pointer;}
.float-right-box .top-list li:hover .stt{color: #15191e;}
.float-right-box .top-list li:hover .ico1{background: url(../images/ico_58_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico2{background: url(../images/ico_59_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico3{background: url(../images/ico_60_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico4{background: url(../images/ico_61_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico5{background: url(../images/ico_62_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover .ico7{background: url(../images/ico_69_h.png) no-repeat center #fff;}
.float-right-box .top-list li:hover{background-color: #fff;}
.float-right-box .top-list .return-webtop .stt{font-family: "Arial"; font-weight: bold;}
.float-right-box .bot-share{position: relative; height: 50px;}
.float-right-box .bot-share a{display: inline-block; width: 50px; height: 50px; float: left; transition: background 0.3s ease 0s; margin: 0; padding: 0;}
.float-right-box .bot-share .share{width: 200px; position: absolute; left: 0; top: 0; z-index: 1;}
.float-right-box .bot-share .sina{background: url(../images/ico_63.png) no-repeat center;}
.float-right-box .bot-share .wx{background: url(../images/ico_64.png) no-repeat center;}
.float-right-box .bot-share .more{background: url(../images/ico_66.png) no-repeat center;border:0 none;}
.float-right-box .bot-share a:hover{background-color: #525354;}
.float-right-box .bot-share .share-ico{background: url(../images/ico_67.png) no-repeat center #191919; width: 50px; height: 50px; display: inline-block; cursor: pointer; z-index: 2; position: relative;}
.float-right-box .top-list li .weix{position: relative;}
.float-right-box .sidebox{position:absolute;right: 250px;top:0;transition: all 0.1s ease 0s;width:120px;z-index:10;display:none;background:#191919;}
.float-right-box .sidebox img{width:110px;height:110px;display:block;margin:5px auto;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@font-face{font-family: ADELE; src: url("../font/ADELE.eot"); src: url("../font/ADELE.eot?#iefix") format("eot"), url("../font/ADELE.ttf") format("truetype");}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);-ms-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);-ms-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);-ms-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}
/*产品推荐*/
.relateNews{width: 100%;height: 60px;overflow: hidden;margin-top: 20px;background: #127a44;}
.n-tit h3{color: #fff;line-height: 60px;font-size: 24px;font-weight: bold;padding-left: 26px;}
.n-tit .more{color: #fff;font-size: 16px;width:120px;text-align:center;line-height: 60px;}
.girdlist{overflow: hidden;width: 100%;padding-top: 20px;}
.girdlist .list{width: 100%;}
.girdlist .item{width: 382px; float:left; display: inline-block; margin-bottom: 30px; margin-right:20px; position: relative; background: #fff;}
.girdlist .item a{display: block;}
.girdlist .item .img{width: 380px; height: 278px; overflow: hidden; border:#eeeeee solid 1px; position: relative; text-align:center;}
.girdlist .item .img img{transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;width: 360px;height: 270px;display:inline-block;margin-top:11px;}
.girdlist .item .item_mask{width: 100%; height: 100%; background: rgba(0, 0, 0, 0); position: absolute; left: 0; top: 0; opacity: 0; filter: Alpha(opacity=0); *zoom: 1; -webkit-transform: rotateX(180deg) scale(0.5, 0.5); transform: rotateX(180deg) scale(0.2, 0.2); transition: all ease-out .5s;}
.girdlist .item .item_mask .item_link_icon{display: block;width: 60px;height: 60px;text-align: center;background: url(../images/link.png) no-repeat;line-height: 38px;position: absolute;left: 50%;top: 50%;*top: 40%;margin-left: -30px;margin-top: -0px;opacity: 0;filter: Alpha(opacity=0); *zoom: 1;}
.girdlist .item .txt{background: #fff; height: 56px; line-height: 56px; position: relative; font-size: 16px; color:#333; border-bottom:#eeeeee solid 1px;}
.girdlist .item .txt p{font-size: 16px; color:#333; float:left;transition: .5s ease;}
.girdlist .item .txt i{float:right;width:15px;height:15px;background: url(../images/pro.png) no-repeat;margin-top:20px;transition: .5s ease;}
.girdlist .item:hover p{color:#127a44;transition: .5s ease;}
.girdlist .item:hover .txt i{background-position: 0 bottom;transition: .5s ease;}
.girdlist .item:hover img{transform: scale(1.1, 1.1);}
.girdlist .item:hover .item_mask{opacity: 1; filter: Alpha(opacity=100); -webkit-transform: rotateX(0deg) scale(1, 1); transform: rotateX(0deg) scale(1, 1); transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s; background: rgba(0, 0, 0, 0.3);}
.girdlist .item:hover .item_mask .item_link_icon{transform: translateY(-21px); opacity: 1; filter: Alpha(opacity=100);}
.girdlist.huxin .item{width:384px;margin-right: 23px;}
.girdlist.huxin .item:nth-child(3n){margin-right: 0;}
.girdlist.huxin .item .img{width: 382px;height: 296px;}
.girdlist.huxin .item .img img{margin-top: 13px;}
.girdlist.huxin .item .item_mask .item_link_icon{margin-top: -12px;}